<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>操作当当购物车页面</title>
		<link type="text/css" rel="stylesheet" href="css/cartStyle.css" />
		<script type="text/javascript">
			// function jiesuan(){
			// 	var a=document.getElementById("cartList");
			// 	var ul=a.firstElementChild.nextElementSibling;
			// 	var li=ul.firstElementChild.nextElementSibling;
			// 	var name=li.innerHTML;
			// 	var price=document.getElementById("price0").innerHTML;
			// 	// var zongjia=document.getElementById("price1").innerHTML;
			// 	var ul1=a.firstElementChild.nextElementSibling.nextElementSibling;
			// 	var li1=ul.firstElementChild.nextElementSibling;
			// 	var name1=li1.innerHTML;
			// 	var price1=document.getElementById("price1").innerHTML;
			// 	document.getElementById("next").innerHTML="您本次购买的信息如下<br/>"+name+"<br/>"+price+"<br/>商品总计"+zongjia;
			// }
				
				
				function jiesuan(){
					var a=document.getElementById("cartList");
					var ar=a.children;		
					var total=0;
					var str="";
					for(var i=1;i<ar.length-1;i++){
						var ul=ar[i];
						var bookname=ul.children[1].innerHTML;
						var price=ul.children[2].lastElementChild.value;
						var num=ul.children[3].firstElementChild.nextElementSibling.value;
						total+=price*num;
						str+=bookname+"￥"+(price*num);
						str+="<br/>";
					}
					str+="总价：￥"+total;
					document.getElementById("next").innerHTML=str;
				}
				function change(){
					var prices=document.getElementsByName("price")[num].value;
					var count=parseInt(document.getElementsByName("amount")[num].value)+1;
					document.getElementsByName("amount")[num].value=count;
					var totals=parseFloat(prices*count);
					document.getElementById("price"+num).innerHTML="￥"+totals;
					total();
				}
		</script>
	</head>
	<body>

		<div class="content">
			<div class="logo">
				<img src="images/dd_logo.jpg"><span onclick="close_plan();">关闭</span>
			</div>
			<div class="cartList" id="cartList">
				<ul>
					<li>商品图片</li>
					<li>商品信息</li>
					<li>单价</li>
					<li>数量</li>
					<li>总价</li>
					<li>操作</li>
				</ul>
				<ul>
					<li><img src="images/dog.jpg"></li>
					<li>我和狗狗活下来了</li>
					<li>¥<input type="text" name="price" value="21.90"></li>
					<li><input type="button" name="minus" value="-" onclick="minus(0);"><input type="text" name="amount" value="1" onkeyup="change(0)"><input
						 type="button" name="plus" value="+" onclick="plus(0);"></li>
					<li id="price0">¥21.90</li>
					<li>
						<p onclick="collection();">移入收藏</p>
						<p>删除</p>
					</li>
				</ul>
				<ul>
					<li><img src="images/mai.jpg"></li>
					<li>灰霾来了怎么办</li>
					<li>¥<input type="text" name="price" value="24.00"></li>
					<li><input type="button" name="minus" value="-" onclick="minus(1);"><input type="text" name="amount" value="1" onkeyup="change(0)"><input
						 type="button" name="plus" value="+" onclick="plus(1);"></li>
					<li id="price1">¥24.00</li>
					<li>
						<p onclick="collection();">移入收藏</p>
						<p>删除</p>
					</li>
				</ul>
				<ol>
					<li id="totalPrice" >商品总计：<span></span></li>
					<li><span onclick="jiesuan()">结 算</span></li>
				</ol>
			</div>
			<div id="next">
				
			</div>
		</div>
		
	</body>
</html>
